<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>感恩节愿望清单-感恩有你，一路同行</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/prefixfree.js"></script>
    <script>
        //页面一开始为html设置字体大小，为rem单位赋值
        var screenWidth = window.screen.width;
        document.querySelector("html").style.fontSize = screenWidth / 10 + 'px';
    </script>
</head>

<body class="body2">
    <div style="position: absolute;visibility: hidden;">
        <p style="text-indent: -9999px;">KFC感恩节愿望清单 - 感恩有你，一路同行</p>
        <img src="./images/title.png" alt="">
    </div>
    <div class="card">
        <form method="post" class="form">
            <input placeholder="请填写姓名（点击输入）" type="text" name="userName" class="name">
            <input placeholder="员工ID号（点击输入）" type="text" name="userId" class="jobNum">
            <input placeholder="餐厅编号/部门（点击输入）" type="text" name="phone" class="cellPhone">
            <textarea placeholder="示例:都快2018年了，我还用着苹果5，感恩节愿望有一台X，然后把5给爸爸用~（点击输入）" cols="50" name="textVal" rows="10"></textarea>
            <input type="submit" value="" class="submit">
        </form>
    </div>
    <div class="mask hide"></div>
    <div class="submitSuccess hide">
        <img src="./images/tjcg.png" alt="">
    </div>
</body>
<script src="./js/jquery.min.js"></script>
<script src="./js/fastclick.js"></script>
<script src="./js/index.js"></script>

</html>